
import { IcomState } from '../interface/com';

import { createSlice } from '@reduxjs/toolkit';

const initialState: IcomState = {
  headActive: 0, //header激活项
  assemblyActive: 0 //组件nav激活项
};
export const collapsedSlice = createSlice({
  // 命名空间，在调用action的时候会默认的设置为action的前缀collapsedSlice/changeCollapsed
  name: 'IcomState',
  // 初始值
  initialState: initialState,
  // 这里的属性会自动的导出为collapsedSlice.actions，在组件中可以直接通过dispatch进行触发
  reducers: {
    //{ payload }解构出来的payload是dispatch传递的数据对象
    updateHeadActive(state, action) {
      state.headActive = action.payload;
    },
    updateAssemblyActive(state, action) {
      state.assemblyActive = action.payload;
    }
  }
});
// 导出actions
export const { updateHeadActive, updateAssemblyActive } = collapsedSlice.actions;

// 导出reducer，在创建store时使用到
export default collapsedSlice.reducer;
